:root {
  /* ===== 色彩系统 ===== */
  --primary: #57a3b2; /* 品牌主色 */
  --primary-hover: #7fb2c5;
  --primary-active: #0958d9;

  --success: #52c41a;
  --warning: #faad14;
  --error: #ff4d4f;
  --info: #1677ff;

  /* 暗夜模式（默认） */
  --bg1: #2e3033;
  --bg2: #363b40;
  --bg3: #2e3033;

  --text1: #9ca3a8;
  --text2: #ffffff;
  --text3: #dddede;
  --text4: #ffffff;

  --border: #d9d9d9;
  --disabled: #484949;
  --divider: #f0f0f0;

  /* ===== 字体系统 ===== */
  --font-family-sans:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-family-mono: Menlo, Monaco, Consolas, 'Courier New', monospace;

  /* ===== 阴影系统 ===== */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 3px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 8px 16px rgba(0, 0, 0, 0.15);

  /* ===== 动画 (Motion) ===== */
  --transition-fast: 0.15s ease-in-out;
  --transition-base: 0.3s ease-in-out;
  --transition-slow: 0.5s ease;
}

/* 光亮模式 */
.light {
  --bg1: #ffffff;
  --bg2: #f8fafc;
  --bg3: #f1f5f9;

  --text1: #1e293b;
  --text2: #0f172a;
  --text3: #475569;
  --text4: #ffffff;

  --border: #e2e8f0;
  --disabled: #f5f5f5;
  --divider: #cbd5e1;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
}

/* 输入框样式优化 */
.ant-input,
.ant-select-selector,
.ant-picker {
  background-color: var(--bg1) !important;
  border-color: var(--border) !important;
  color: var(--text2) !important;
}

.ant-input::placeholder,
.ant-select-selection-placeholder {
  color: var(--text3) !important;
}

.ant-input:focus,
.ant-select-focused .ant-select-selector,
.ant-picker-focused {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 2px rgba(87, 163, 178, 0.2) !important;
}
